﻿@charset "utf-8";
/* CSS Document */

body { padding: 0; margin: 0; color: #3E3A39; font-family:"微軟正黑體", "微软雅黑", MingLiU, "新細明體", Arial, Verdana, "Times New Roman"; text-align:left; margin:0px;font-size: 14px; line-height:22px; }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit; }
* { font-family:"微軟正黑體", "微软雅黑", MingLiU, "新細明體", Arial, Verdana, "Times New Roman";}
h1, h2, h3, h4, h5, h6, form,button, div, p, i, img, ul, li, ol, table, tr, td, fieldset, label, legend, dt, dd, dl, a { margin: 0px; padding: 0px;}
a { text-decoration: none;color:#000000}
a:hover { text-decoration: none;}
.clear { clear:both; margin:0; padding:0; }
div { margin:0; padding:0; }
img, object { border:none; max-width: 100%; padding:0; margin:0; line-height:0; }
ol, ul ,li { list-style: none; }



.blank30px{ height:30px; line-height:30px; font-size:0; clear:both}
.blank25px{ height:25px; line-height:25px; font-size:0; clear:both}
.blank20px{ height:20px; line-height:20px; font-size:0; clear:both}
.blank15px{ height:15px; line-height:15px; font-size:0; clear:both}
.blank10px{ height:10px; line-height:10px; font-size:0; clear:both}


.left{ float:left}
.right{ float:right}
.clear{ clear:both;}


.red{color:#ee3e01}
.green{color:#094}

.w1170{  width:1170px; margin:0 auto}

/*头部*/
.head_box{ background-color:#373942;height: 64px;line-height: 64px;}
.head_box .nav_top{} 
.head_box .nav_top h1{color: #e5e9ee;display: inline-block;font-size: 30px; line-height: 64px; }
.head_box .nav_top h1 img{ max-height:50px; margin-top:8px; float:left; margin-right:10px;}
.head_box .nav_top ul{ width:860px; margin-left:30px;}
.head_box .nav_top ul li{ float:left;}
.head_box .nav_top ul li a{display: block; color: #e5e9ee;padding: 0 20px; font-size: 16px;}
.head_box .nav_top ul li a:hover, .head_box .nav_top ul li a.active{ background: #2b2d34;}


/*蓝色当前路径*/
.head_blue_bar{height: 80px;line-height: 80px;background-color: #0182c1;}
.head_blue_bar .head_src{ color: #ffffff; font-size:14px;}



/*内容*/
.con_box{}
.con_title1{ border-bottom:1px solid #ccc; height:40px;}

/*左侧*/
.con_box .con_left{ width:220px;background-color: #f5f5f5; margin-bottom: 50px;}
.con_box .con_left .menu_title{font-size: 18px;padding: 15px 10px;text-indent: 10px;border-bottom: 1px solid #ddd;font-weight: normal;margin-bottom: 0;}
.con_box .con_left ul.menu_1 li a { padding: 10px 18px; display: block;overflow: hidden; white-space: nowrap;-webkit-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -icab-text-overflow: ellipsis;-moz-text-overflow: ellipsis; -o-text-overflow: ellipsis;text-overflow: ellipsis;color: #333333;}
.con_box .con_left ul.menu_1 li a:hover,.con_box .con_left ul.menu_1 li a.act{background-color: #ddecf4;color: #0089cd;} a.act2{background-color: #0182c1;color: #0089cd;}



/*右侧*/
.con_box .con_right{ width:920px;}
.con_box .con_right .mtl_main{color: #333333;float: none; font-weight: normal; line-height: 34px; margin-bottom: 30px;font-size: 28px;}
.con_box .con_right .con_mtl_table{ margin-top:10px;border-left:1px solid #ddd;border-top:1px solid #ddd}
.con_box .con_right .con_mtl_table table thead th{height: auto;background-color: #666666;color: #ffffff;text-align: left; padding: 10px; border-right:1px solid #ddd}
.con_box .con_right .con_mtl_table table td { border-right: 1px solid #ddd;padding: 10px 10px;word-break: break-all; word-wrap: break-word;border-bottom:1px solid #ddd}
.con_box .con_right .con_mtl_table table td a:hover{ color:#0089cd}
.con_box .con_right .con_mtl_table table tbody tr:hover{ background-color:#fafafa}


/*api詳情頁*/
.apidetail_con1{}
.apidetail_con1 dl{ margin-bottom:30px;}
.apidetail_con1 dl dt{ height:30px; border-bottom:1px solid #c6c6c6; font-size:20px; margin-bottom:5px;}


.apidetail_con2 li b.UI-ask{border: solid transparent;pointer-events: none;border-top-color: #777;border-width:6px; position:absolute; left:20px; top:17px; cursor:pointer;}
.apidetail_con2 li b.UI-bubble{border: solid transparent;pointer-events: none;border-left-color: #777;border-width:6px; position:absolute; left:20px; top:14px; cursor:pointer;}

/* questions */
.apidetail_con2{margin:20px auto;padding-top:14px; }
.apidetail_con2 ul{margin-top:20px;}
.apidetail_con2 li h5 .UI-ask,.apidetail_con2 li h5 .UI-bubble{}
.apidetail_con2 li{vertical-align:bottom; margin-bottom:10px;}
.apidetail_con2 li h5{height:40px;position:relative;font-size:16px;  font-weight:bold;cursor:pointer;line-height:40px;height:40px;overflow:hidden;padding:0 26px 0 40px; background-color:#f3f3f3}
.apidetail_con2 li .foldContent{padding:5px 20px 20px 20px;}


.con_table{ margin-top:10px;border-left:1px solid #ddd;border-top:1px solid #ddd}
.con_table thead th{height: auto;background-color: #666666;color: #ffffff;text-align: left; padding: 10px; border-right:1px solid #ddd}
.con_table tbody td { border-right: 1px solid #ddd;padding: 10px 10px;word-break: break-all; word-wrap: break-word;border-bottom:1px solid #ddd}
.con_table tbody td a:hover{ color:#0089cd}
.con_table tbody tr:hover{ background-color:#fafafa}


/*faq*/
.faq_con{}
.faq_con .faq_p{ margin-top:20px; margin-bottom:20px;}
.faq_con dl{ margin-bottom:30px;}
.faq_con dl dt{ margin-bottom:10px; font-weight:bold; color:#000}
.faq_con dl dd a.faq_a{ color:#4b89ae}
.faq_con dl dd a:hover.faq_a{ text-decoration:underline}


/*资源中心*/
.zy_con{}
.zy_con .zy_table{ border-bottom:1px solid #c6c6c6; margin-top:30px;}
.zy_con .zy_table thead th{ background-color:#f0f0f0; border-top:1px solid #c6c6c6;border-right:1px solid #c6c6c6;padding-left:30px; line-height:40px;}
.zy_con .zy_table thead th:last-child{ border-right:none}
.zy_con .zy_table tbody tr td{ padding-left:30px; line-height:40px;border-top:1px solid #c6c6c6;}
.zy_con .zy_table tbody tr:hover{background-color:#f3f3f3}





